﻿/**
 * reset.css contains a reset, font normalization, and some base styles
 * 
 * Derived from:
 *   HTML5 ✰ Boilerplate
 *     "Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community 
 *     and team"
 */


/**********************************************************************************************************************/
/***| custom fonts |***************************************************************************************************/
/**********************************************************************************************************************/

@font-face {
	font-family: 'League Gothic';
	src: url('fonts/League_Gothic-webfont.eot');
	src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/League_Gothic-webfont.woff') format('woff'),
	     url('fonts/League_Gothic-webfont.ttf') format('truetype'),
	     url('fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Scriptiva';
	src: url('fonts/SCRIPTIN.eot');
	src: local('☺'), 
	     url('fonts/SCRIPTIN.woff') format('woff'), 
	     url('fonts/SCRIPTIN.ttf') format('truetype'), 
	     url('fonts/SCRIPTIN.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Calluna';
	src: url('fonts/Calluna-Regular-webfont.eot');
	src: url('fonts/Calluna-Regular-webfont.eot?iefix') format('eot'),
	     url('fonts/Calluna-Regular-webfont.woff') format('woff'),
	     url('fonts/Calluna-Regular-webfont.ttf') format('truetype'),
	     url('fonts/Calluna-Regular-webfont.svg#webfontJYolXlF6') format('svg');
	font-weight: normal;
	font-style: normal;
}


/**********************************************************************************************************************/
/***| core reset |*****************************************************************************************************/
/**********************************************************************************************************************/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
audio[controls], canvas, video { display:inline-block; *display:inline; *zoom:1; }

/**
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    http://www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    http://www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html { font-size:100%; -webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
html { overflow-y:scroll; }
body { margin:0; font-size:13px; line-height:1.231; }

/* #444 looks better than black @ http://twitter.com/H_FJ/statuses/11800719859 */
body, button, input, select, textarea { font-family:Calluna,sans-serif; color:#444; }


/***| sections |*******************************************************************************************************/

/* none */


/***| grouping |*******************************************************************************************************/

ul, ol { margin:1em 0; padding:0 0 0 40px; }
dd { margin:0 0 0 40px; }
nav ul, nav ol { list-style:none; margin:0; padding:0; }


/***| text + edits |***************************************************************************************************/

a { color:#0092bf; }
a:hover, a:visited { color:#057; }
a:focus { outline:thin dotted; }

/* improve readability when focused and hovered in all browsers @ http://people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline:0; }

abbr[title] { border-bottom:1px dotted; }

b, strong { font-weight:bold; }
em, i { font-style:italic; }

blockquote { margin:1em 40px; }

dfn { font-style:italic; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

ins { background:#ff9; color:#000; text-decoration:none; }
mark { background:#ff0; color:#000; font-style:italic; font-weight:bold; }

/* redeclare monospace font family @ http://en.wikipedia.org/wiki/user:davidgothberg/test59 */
code, kbd, pre, samp { font-family:monospace,monospace; _font-family:Consolas,Courier New,monospace; font-size:1em; }

/* improve readability of pre-formatted text in all browsers @ http://www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }

q { quotes:none; }
q:before, q:after { content:""; content:none; }

small { font-size:85%; }

/* position subscript and superscript content without affecting line-height @ http://gist.github.com/413930 */
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }

/** 
 * no text-shadow
 * http://twitter.com/miketaylr/status/12228805301
 * NOTE: These selection declarations have to be separate
 */
::-moz-selection { background:#f14a29; color:#fff; text-shadow:none; }
::selection { background:#f14a29; color:#fff; text-shadow:none; }


/***| embed |**********************************************************************************************************/

/* improve image quality when scaled in ie7 @ http://code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img { border:0; -ms-interpolation-mode:bicubic; }

/* correct overflow displayed oddly in ie9 */
svg:not(:root) { overflow:hidden; }

figure { margin:0; }


/***| tables |*********************************************************************************************************/

table { border-collapse:collapse; border-spacing:0; }
th { font-weight:bold; }
td { vertical-align:top; }


/***| forms |**********************************************************************************************************/

form { margin:0; }
fieldset { border:0; margin:0; padding:0; }

/**
 * 1. correct color not inheriting in ie6/7/8/9 
 * 2. correct alignment displayed oddly in ie6/7 
 */
legend { border:0; *margin-left:-7px; padding:0; }

/* indicate that 'label' will shift focus to the associated form element */
label { cursor:pointer; }

/**
 * 1. correct font-size not inheriting in all browsers
 * 2. remove margins in ff3/4 s5 chrome
 * 3. define consistent vertical alignment display in all browsers
 */
button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; }

/**
 * 1. define line-height as normal to match ff3/4 (set using !important in the ua stylesheet)
 * 2. correct inner spacing displayed oddly in ie6/7
 */
button, input { line-height:normal; *overflow:visible; }

/**
 * 1. display hand cursor for clickable form elements
 * 2. allow styling of clickable form elements in ios
 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; }

/* consistent box sizing and appearance */
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; }
input[type="search"] { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }

/* remove inner padding and border in ff3/4 @ http://www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }

/* remove default vertical scrollbar in IE6/7/8/9 @ http://www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars */
textarea { overflow:auto; vertical-align:top; }

/* colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color:#f0dddd; }


/***| interactive |****************************************************************************************************/

/* none */
